<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>预生产内码</title>
		<link href="css/common.css" rel="stylesheet" type="text/css" />
		<link href="css/normolize.css" rel="stylesheet" type="text/css" />
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<link href="css/test.css" rel="stylesheet" type="text/css" />
		<!--[if IE]> <link href="css/ieHack_total.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if IE 9]> <link href="css/ieHack9.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if IE 8]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /><link href="css/ieHack8.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<!--[if lte IE 7]> <link href="css/ieHack.css" rel="stylesheet" type="text/css" /> <![endif]-->
		<style>
			.overeclipse {
				display: inline-block;
				width: 130px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
		</style>
		<script>
			window.onload = function() {
				var element = ['header', 'footer', 'article', 'aside', 'section', 'nav', 'menu', 'hgroup', 'details', 'dialog', 'figure', 'figcaption'],
					len = element.length;
				while(len--) {
					document.createElement(element[len]);
				}
			}
		</script>

	</head>

	<body>
		<div class="header">
			<div class="line">
				<div class="prevline"></div>
			</div>
			<div class="headernav">
				<table class="">
					<tr>
						<td style="width: 145px"> <img src="images/logo.png" class="logo" /> </td>
						<td>
							<ul class="nav">
								<li onclick="direct('home')">
									<p>主页</p>
								</li>
								<li class="active" onclick="direct('qrcode')">
									<p>二维码管理</p>
								</li>

								<li>
									<p>营销助手<span class="arrow"></span></p>
									<div class="line"></div>
									<div class="children">
										<div onclick="direct('game')">
											游戏专区
										</div>
										<div onclick="direct('user')">
											会员管理
										</div>
										<div onclick="direct('gift')">
											积分兑换
										</div>
										<div onclick="direct('shop')">
											购物平台
										</div>
									</div>
								</li>
								<li>
									<p>配置助手<span class="arrow"></span></p>
									<div class="line"></div>
									<div class="children">
										<div onclick="direct('wechat')">
											公众号配置
										</div>
										<div onclick="direct('message')">
											短信运营
										</div>
									</div>
								</li>
							</ul>
						</td>
						<td>
							<!--退出-->
							<div class="">
								<table class="headerTable">
									<tr>
										<td> <img src="images/touxiang.png" class="touxiang" /> </td>
										<td style="padding:0 10px;">
											<p> Guzilong</p>
											<!--<p class="noticenumber">12</p>-->
										</td>
										<td>
											<i class="icon icon_notice">
												<i class="icon notice_number"></i>
											</i>

										</td>
										<td style="padding-left:20px;">
											<a href="javascript:;" onclick="direct('logout')">【退出】</a>
										</td>
									</tr>
								</table>
							</div>
						</td>
					</tr>
				</table>

			</div>
		</div>

		<div class="page-wrapper productlist minwidth border">
			<div class="line"></div>
			<div class="leftmenu">
				<ul>
					<li>
						<div>
							<i class="icon"></i>
							<label>首页</label>
						</div>
					</li>

					<li>
						<div>
							<i class="icon icon_plan"></i>
							<label>计划单</label>
						</div>

					</li>
					<li class="active">
						<div>
							<i class="icon icon_manage"></i>
							<label>二维码仓库</label>
						</div>
					</li>

					<li>
						<div>
							<i class="icon icon_message"></i>
							<span>消息中心</span>
						</div>
					</li>

				</ul>
			</div>
			<div class="vertival-line"></div>
			<div class="page-content">
				<div class="tablist">
					<ul>
						<li class="tabItem active">
							<a href="#">预生产内码</a>
						</li>
						<li class="tabItem">
							<a href="#">预生产外码</a>
						</li>
					</ul>
				</div>

				<div class="page-container">
					<div class="page-form">
						<div class="form">
							<form class="multiinline-form " id="searchForm">
								<div class="fl">
									<label>内码名称：</label>
									<input type="text" placeholder="请输入内码名称" style="width: 129px;" />
								</div>
								<div class="fl" style="margin-left: 40px;">
									<label>创建时间：</label>
									<input type="text" class="Wdate" onfocus="WdatePicker()" />--<input type="text" class="Wdate" onfocus="WdatePicker()" />
								</div>
								
								<input type="hidden" value="" id="pageNo" name="pageNo" />
								<input type="button" value="查询" class="search-input-button" style="margin-left: 20px;" />
								<input type="button" value="添加分类" class="btn blue addCate" />

							</form>
						</div>
					</div>
					<div class="table">
						<div id="itemContainer">
							<div class="tablelist1">
								<div class="tableLeft fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<input type="button" value="下载" class="downloadButton" />
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="tableMid fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<input type="button" value="下载" class="downloadButton" />
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="tableRight fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<input type="button" value="下载" class="downloadButton" />
												</td>
											</tr>
										</table>
									</div>
								</div>
							</div>

							<div class="tablelist2">
								<div class="tableLeft fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<input type="button" value="下载" class="downloadButton" onclick="alert()" />
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="tableMid fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<input type="button" value="下载" class="downloadButton" />
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="tableRight fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<input type="button" value="下载" class="downloadButton" />
												</td>
											</tr>
										</table>
									</div>
								</div>
							</div>
							<div class="tablelist3">
								<div class="tableLeft fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<input type="button" value="下载" class="downloadButton" />
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="tableMid fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<input type="button" value="下载" class="downloadButton" />
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="tableRight fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<input type="button" value="下载" class="downloadButton" />
												</td>
											</tr>
										</table>
									</div>
								</div>
							</div>

							<div class="tablelist4">
								<div class="tableLeft fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<input type="button" value="下载" class="downloadButton" />
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="tableMid fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<input type="button" value="下载" class="downloadButton" />
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="tableRight fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<input type="button" value="下载" class="downloadButton" />
												</td>
											</tr>
										</table>
									</div>
								</div>
							</div>

							<div class="tablelist5">
								<div class="tableLeft fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<input type="button" value="下载" class="downloadButton" />
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="tableMid fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<input type="button" value="下载" class="downloadButton" />
												</td>
											</tr>
										</table>
									</div>
								</div>
								<div class="tableRight fl">
									<div class="codeItemTable">
										<table>
											<tr>
												<td class="td1">
													<p>内码名称： 添加看看</p>
													<p>内码编码：P20160818145311646</p>
													<p>总数：10</p>
													<p>创建时间：2016-08-18</p>
												</td>
											</tr>
											<tr>
												<td class="td2">
													<input type="button" value="下载" class="search-input-button" />
												</td>
											</tr>
										</table>
									</div>
								</div>
							</div>
						</div>
						<div class="pagelist fr" style="margin-top: 30px;">
							<div class=" pagedesc fl">当前<span class="currentPage"></span>/<span class="totalpage"></span>，每页<span class="perpage"></span>条，共<span class="totalnumber"></span>条</div>
							<div class="pagination inline-block fl"></div>
							<div class="inline-block fl">
								到第<input type="text" value="" class="gotopage" />页 <input type="button" value="跳转" class="search-input-button border-radius bgblue gotopage_button"></span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="footercontainer">
				<ul>
					<li>
						<a href="#">关于我们</a>
					</li>
					<li>
						<a href="#">服务与支持</a>
					</li>
					<li>
						<a href="#">常见问题</a>
					</li>
					<li>
						<a href="#">人才招聘</a>
					</li>
					<li>
						<a href="#">加盟合作</a>
					</li>
				</ul>

				<div style="margin-top:13px;">版权所有@ 2015 - 2016 深圳在乎传媒科技有限公司 粤ICP备15107022-1号</div>
			</div>

		</div>

	</body>

	<script src="js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/jPages.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page/pageFun.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/wdatePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>

	<script>
//		function showDetail(obj) {
//			var id = $(obj).attr('data-id');
//			//根据ID获取详情内容赋值给他
//			layer.open({
//				type: 2,
//				title: '扫码详情',
//				shadeClose: true,
//				shade: 0.8,
//				area: ['450px', '330px'],
//				content: 'bugScaninfo.html',
//				success: function(layero, index) {
//					var body = layer.getChildFrame('body', index);
//					var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
//					//这里赋值
//					//body.find('.cate_name').val($(_obj).attr('data-catename'));
//				}
//			});
//		}
        function addCateLayer() {
			$('.addCate').click(function() {
				layer.open({
					type: 2,
					title: '添加内码',
					shadeClose: true,
					shade: 0.8,
					area: ['560px', '310px'],
					content: 'editAddCode.html',
					success: function(layero, index) {
						var body = layer.getChildFrame('body', index);
						var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
						//给父页面传值
						body.find('#subButton').on('click', function() {
							//这里是根据ID修改名称
							var name = body.find('.cate_name').val();
							layer.close(index);
							window.location.reload();
						});

						body.find("#cancelButton").on('click', function() {
							layer.close(index);
						});

					}
				});
			});

		}
        addCateLayer();

		$(function() {
			var pageObj = new pageFun();
			var currentpage = 1,
				perPage = 1,
				totalNumber = 5;
				pageObj.pageNoObj = $('#pageNo');
			pageObj.submitFun = function() {
					var currentPage=pageObj.pageNoObj.val(); //这个是当前页的页码
			}
				/*参数每页多少个,当前页,总个数,容器的ID*/
			pageObj.init(perPage, currentpage, totalNumber, 'itemContainer');
		 
		})
		
$(function(){
    $("div.holder").jPages({
      containerID : "movies",
      previous : "←",
      next : "→",
      perPage : 10,
      delay : 20
    });
});
	</script>

</html>